<template>
    <div class="changebeauty">
      <div class="maincon">
        <div class="topnav">
          <router-link to="/changebeauty/beautyvideo" tag="span" class="video" >美丽视频</router-link>
          <router-link to="/changebeauty/goddes" tag="span">女神日记</router-link>
        </div>
        <div class="activecon clearfix">
          <router-view></router-view>
        </div>
      </div>
    <div class="bg"></div>

  </div>
</template>
<script>

export default {
  name:'changebeauty',
  data(){
      return{

      }
  },

  components:{
    
  }
}
</script>
<style lang="less" scoped>
 body{
    background-color: #fafafa;
    color:#808080;
  }
  .changebeauty{
    text-align: center;
  }
  .bg{
    height: 188/75rem;
    background: #ff406f;
  }
  .maincon{
    float: left;
    margin: 0 20/75rem;
    background-color: #fff;
    border-radius: 10/75rem;
    box-shadow: 2/75rem 2/75rem 9/75rem rgba(0,0,0,0.1);
    margin-top: 20/75rem;
  }

  .topnav{
    width:670/75rem;
    font-size: 28/75rem;
    margin: 55/75rem 20/75rem 32/75rem 20/75rem;
  }

  .video{
    margin-right: 170/75rem;
  }

</style>
